<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>课程详情</title>
</head>

<body class="deatil">
    <!-- 视频预览 -->
    <div class="video">
        <a href="./sports_course.html" class="back">&lt;</a>
        <img src="../../assets/images/course-img01.jpg" class="imageurl">
        <p><i class="iconfont icon-play"></i> 视频预览</p>
    </div>
    <main class="main">
        <!-- 课程说明 -->
        <div class="text">
            <div>
                <h2 class="name">巧克力</h2>
                <div>
                    <p><span class="calorie">45</span>千卡</p>
                    <p><span class="time">15</span>分钟</p>
                    <p><span >99.99W人练过&gt;</span></p>
                </div>
            </div>
        </div>
        <!-- 用户名 -->
        <div class="username">
            <img src="../../assets/images/dog.jpg">
            <div>
                <h3>用户名</h3>
                <span>三线达人</span>
            </div>
            <button>+关注</button>
        </div>
        <!-- 更多练习 -->
        <p class="detail-text desc">
            111
        </p>
        <!-- 练习频次 -->
        <div class="frequency">
            <div>
                <p><i class="iconfont icon-shezhi1"></i> 练习频次</p>
                <span>每周3-5次</span>
            </div>
            <div>
                <p><i class="iconfont icon-yaling"></i> 机械</p>
                <span class="instrument">未知</span>
            </div>
        </div>
        <!-- 开始训练 -->
        <a href="sports_course_play.html" class="start-a"><button class="start">开始训练</button></a>
    </main>
</body>

</html>